<!Doctype html>
<html>

<head>
    <title>oixan的博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html" ; charset="utf-8">
    <link rel="stylesheet" type="text/css" href="./css/search.css">
    
    <script  src="./js/json2.js"></script>
    
</head>

<body>
    <div class="head">
        <div class="headnav">
            <div class="naveframe" id="isbtn1">
                <ul class="navlist" id="isnav1">
                    <li>
                        <a href="./index.html">
                            主页
                        </a>
                    </li>
                    <li>
                        <a href="./bloglist.html">
                            博客
                        </a>
                    </li>
                   
                    <li>
                        <a href="./about.html">
                            关于
                        </a>
                    </li>
                </ul>
            </div>
            <!--响应导航-->
            <div class="naveframemb" id="isbtn">
                <ul class="navlistmb" id="isnav">
                    <li>
                        <a href="./index.html">
                            <h3>主页</h3>
                        </a>
                    </li>
                    <li>
                        <a href="./bloglist.html">
                            <h3>博客</h3>
                        </a>
                    </li>
                    <li>
                        <a href="./about.html">
                            <h3>关于</h3>
                        </a>
                    </li>
                </ul>
            </div>
            
        </div>

        <div class="headtext">
            <div class="headtext1"><span>世界很简单，人类很复杂。</span></div>
            <div class="headtext2"><span>浮生若梦，寻寻觅觅。</span></div>
        </div>
    </div>
     <style type="text/css">

     /*
        .detail p {
            font-size: 14px;
        }  

        @media screen and (max-width: 600px) {
            .contents{
                width: 90%;   
            }
            
            input:nth-child(2){
                margin-top: 2%;
                margin-left: 30%;
            }
        }
        */
        .span1,.span2{
            border:solid 0px crimson;
            border-style:dashed;
        }
        .span1 input{
            margin:0;
            padding:0;
            height:26px;
            vertical-align: middle;
            display: inline-block;
            border: none;
        }
        .span2 input{        
            height:26px;
            vertical-align: middle;
            border: none;
            display: inline-block;
            background-color:#fff;
        }
         .span2 input:hover{
             cursor:pointer;
         }
        .sframe{
            background-color: #8DB6CD;
            margin:0;
            padding:0;
        }
    </style>
    <div class="contents-all">
        <div class="contents">

            <div class="frame">

                <div class="detail" >
                    <!--
                    <p >标题(关键字)：<input id='searchtitle' type="text"/><input type="button" value="站内查询" onclick="showSearch()"/> </p>
                    -->
                    <div class="sframe">
                     <span class="span1">
                        <input id='searchtitle' type="text" placeholder="输入关键字" title="输入关键字查询"/>
                    </span>
                    <span class="span2">
                        <input type="button" value="站内查询" onclick="showSearch()" title="输入关键字查询"/>
                    </span>
                    </div>


                </div>
                <div id="showlink" class="overview"><!-- IE7--></div>

            </div>

        </div>
    </div>
    <div class="footer">
        <div class="footertext">©2018,oixan博客</div>
    </div>
    <script>
        window.onload=function(){
            document.getElementById('searchtitle').focus()
        }
    </script>

<script  src="./js/jquery.min.js"></script>
<script  src="./js/jquery.ripples.min.js"></script>
<script>
$(document).ready(function() {
    try {
        $('.head').ripples({
            resolution: 512,
            dropRadius: 20,
            perturbance: 0.04,
        });
    } catch(e) {
        $('.error').show().text(e);
    }
});
</script> 
</body>
<script  src="./js/search.js"></script>
<script  src="./js/nav.js"></script>
</html>